<!DOCTYPE html>
<html lang="en">

<!--
  Author：蓝田_Loto
  Date：2018-09-03 11:04
  PageName：e_IDSelector.html
  Function：基本选择器 - id选择器
  URL：http://localhost:8080/d1_selector_basic/e_IDSelector.html
-->

<head>
    <meta charset="UTF-8">
    <title>基本选择器 - id选择器</title>

    <style type="text/css">
        /*  优先级比 #box 高*/
        div#box{

        }

        #box{
            background:url("images/bg.jpg") center bottom;
            height: 200px;          /* 固定盒子的高度 */
            width: 400px;           /* 固定盒子的宽度 */
            border: solid 2px red;  /* 边框样式 */
            padding: 100px;         /* 增加内边距 */
        }
    </style>
</head>

<body>
<div id="box">这是基本选择器 - id选择器的案例</div>
</body>
</html>